<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>专题管理</title>
    <link rel="stylesheet" href="css/base.css" />
	<link rel="stylesheet" href="css/ztgx_ck.css" />
	<script src="js/jquery.min.js"></script>
	<script src="js/base.js"></script>
	<link rel="stylesheet" href="css/zeroModal.css">
	<script src="js/zeroModal.min.js"></script>
	<script src="js/paging.js"></script>
	<link rel="stylesheet" href="css/foundation-datepicker.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">

	<style>
		
		.page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}
			.search_btn{
				cursor: pointer;
			}
			.main > div{
				cursor: pointer;
			}
			.sd_button{
				border:none;
				border:1px solid #000;
				display: inline-block;
				padding:2px 5px;
				font-size: 12px;
				border-radius: 4px;
				font-weight: bold;
				cursor: pointer;
			}
			.sd_pipei{
				margin-top:20px;
				border:none;
				outline: none;
			}
			.wz_laiyuan{
				width:100px!important;
			}
			.ztmc{
				width:150px!important;
			}
			.t_box{
			display:flex;
			margin-top:20px;
		  }
		  .t_box b{
			  border:1px solid #666666;
			  border-radius: 4px;
			  padding:2px 5px;
			  margin-left:29px;
			  font-size:12px;
		  }
		  .tagsinput{
			  margin-left:20px;
		  }
		  .main{
			  margin:0 0!important;
		  }
		  .add_biaoq{
			  border:none;
			  border: 1px solid #ccc;
			  outline:none;
			  font-size: 14px;
			  position: relative;
			  top:2px;
			  height: 16px;
			  margin-left:16px;
			  width:150px;
		  }
		  .select {
			  width:75px!important;
		  }
		  
	</style>
</head>
<body>
	<div class="wrapper">
		<div class="wrapper-box">
			<div class="main" >
				<div class="o wz_luru">录入</div>
				<div class="o wz_hv">忽略</div>
				<div class="th wz_hyall">忽略所有录入文章</div>
				<div class="o">修改</div>
				<div class="o">删除</div>
				<div class="th" style="display:none;">选择类别</div>
				<div class="th" style="display:none;">添加标签</div>
				<div class="th wz_zhiding">置顶</div>
				<div class="th wz_qxzd">取消置顶</div>
				<div class="th wz_mianze_add">添加免责声明</div>
				<div class="th wz_mianze_re">删除免责声明</div>
				<div class="t wz_tj">推荐</div>
				<div class="th wz_qxtj">取消推荐</div>
			</div>
			  <!-- 专题id -->
			    <div class="c_center1"  >
                <span class="ztid">专题ID：<input type="text" class="text zt_id"></span>
                <span class="ztmc">专题名称：<input type="text" style="width:100px" class="text zt_name"></span>
			   </div>
			<div class="sd_pipei">
				<div>
					<span style="display: none">发布时间 :</span>
					<span style="display: none">
						<input id="demo-3" type="text" class="text4 sd_pipei" style="border-bottom:1px solid #ccc;width:150px" />
						<img src="images/date.png" style="position:relative;left:-30px" alt="">
					</span>
					<span class="sd_button">手动匹配</span>
				</div>
			</div>
			<div class="t_box">
				<span>ES查询json : </span>
				<textarea style="height: 100px;width:300px" id="form-tags-4" name="tags-4" type="text" value="" class="add_biaoq"></textarea>
				<b class="save_key" style="height: 20px"> 保存查询语句 </b>
			</div>
            <div class="c_center">
                <span class="ztid"  style="margin-left: 0;">文章名称：<input type="text" class="text wz_name"></span>
                <span class="zt">文章状态：
                    <select name="" class="select wz_state">
						<option value="">请选择</option>
						<option value="0">新建</option>
						<option value="1">已修改</option>
						<option value="2">待审核</option>
						<option value="3">待发布</option>
						<option value="4">已发布</option>
						<option value="10">新匹配</option>
						<option value="-1">审核失败</option>
						<option value="-2">撤销发布</option>
                    </select>
				</span>
				<span class="zt">文章来源:
					<select name="" class="select wz_laiyuan">
						<option value="">请选择</option>

					</select>
				</span>
				<span class="zt">专题状态：
					<select name="" class="select zt_state">
						<option value="">请选择</option>
						<option value="0"></option>
						<option value="1">待审核</option>
						<option value="2">待发布</option>
						<option value="3">已发布</option>
						<option value="10">有更新</option>
						<option value="-1">审核失败</option>
						<option value="-2">撤销发布</option>
					</select>
				</span>
                 
                <!-- <span class="cjsj">
                    创建时间：
                    <input type="text" class="texts">
                </span>
                <span class="cjsj">
                    原发布时间：
                    <input type="text" class="texts">
                </span> -->
                <span class="search">
                    <button class="search_btn">搜索</button>
                </span>
            </div>
			<div class="main" style="margin-left: 0;">
				<div class="o">选择</div>
				<div class="th">标题</div>
				<div class="t">状态</div>
				<div class="o">专题ID</div>
				<div class="th">专题名称</div>
				<div class="o">专题状态</div>
				<div class="o">文章类别</div>
				<div class="o">置顶</div>
				<div class="t">...</div>
			</div>
			<div class="ar_list">
				
			</div>
			<div class="page_fen">
				<div value="1 0"></div>
				<div id="page" class="page_div"></div>
			</div>
		</div>
		<div class="footer" style="display: none">
			<div class="baocun">保存</div>
			<div class="quxiao">取消</div>
		</div>
	</div>
</body>
<script src="js/ztgx_ck.js"></script>
<script src="js/foundation-datepicker.js"></script>
<script>
	

</script>
</html>